<div class="breadCrumb clearfix">    
    <ul id="breadcrumbs">
        <li><a href="index-2.html">Home</a></li>
        <li><a href="#">Sample pages</a></li>
        <li><a href="#">Invoices</a></li>            
        <li>#312</li>
    </ul>        
</div>

<div class="content">

    <div class="row-fluid">
                    
        <div class="span12">
            
            <div class="middle">
                <div class="button tip" title="New Invoice">
                    <a href="#">
                        <span class="icomg-file"></span>
                        <span class="text">New Invoice</span>
                    </a>                    
                </div>                      
                <div class="button tip" title="New Invoice">
                    <a href="#">
                        <span class="icomg-pencil2"></span>
                        <span class="text">Edit Invoice</span>
                    </a>                    
                </div>                                         
                <div class="button tip" title="Print Invoice">
                    <a href="#">
                        <span class="icomg-printer"></span>
                        <span class="text">Print Invoice</span>
                    </a>                    
                </div>                                          
            </div>
            
            <div class="widget">
                
                <div class="block invoice">
                    
                    <h1>Invoice #312</h1>
                    <span class="date">Date: 20.12.2012 22:43</span>
                    
                    <div class="row-fluid">
                        <div class="span3">
                            <h4>From Dmitry Ivaniuk</h4>
                            <address>
                                <strong>Dmitry Ivaniuk</strong><br>
                                44 Revutskogo, Suite 566<br>
                                Kyiv, UA 02140<br>
                                <abbr title="Phone">P:</abbr> +38 (012) 345-67-89
                            </address>
                        </div>
                        <div class="span3">
                            <h4>To Enterprise</h4>
                            <address>
                                <strong>Enterprise, Inc.</strong><br>
                                321 Streeet, Suite 300<br>
                                San Francisco, CA 94107<br>
                                <abbr title="Phone">P:</abbr> +38 (123) 456-7890
                            </address>                                
                        </div>
                        <div class="span3"></div>
                        <div class="span3">
                            <h4>Invoice</h4>
                            <p><strong>Date invoice:</strong> Dec 20, 2012</p>
                            <p><strong>Payment due:</strong> Dec 29, 2012</p>
                            <div class="highlight">
                                <strong>Amount Due:</strong> $2,351.50 <em>USD</em>
                            </div>
                        </div>
                    </div>
                    
                    <h3>Description</h3>
                    <p>Website development</p>
                    
                    <table cellpadding="0" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th width="70%">Description</th>
                                <th width="10%">Price</th>
                                <th width="10%">Quantity</th>
                                <th width="10%">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Web Design</td>
                                <td>$800</td>
                                <td>1</td>
                                <td>$800</td>
                            </tr>
                            <tr>
                                <td>Programming</td>
                                <td>$1,151.50</td>
                                <td>1</td>
                                <td>$1,151.50</td>
                            </tr>                                
                            <tr>
                                <td>Logo Design</td>
                                <td>$400</td>
                                <td>1</td>
                                <td>$400</td>
                            </tr>                                            
                        </tbody>
                    </table>
                    
                    <div class="row-fluid">
                        <div class="span9"></div>
                        <div class="span3">
                            <div class="total">
                                <p><strong><span>Subtotal:</span> $2,351.50 <em>USD</em></strong></p>
                                <div class="highlight">
                                    <strong><span>Total:</span> $2,351.50 <em>USD</em></strong>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>        
    
    
</div>  